@charset "utf-8";

// 查询组
// 媒体查询在此处写
@media screen and (max-width: 1440px) {
  // 阿里图标
  [class^="hisee"], [class*=" hisee"] {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body #app{
    .layout {
      // padding-top: 56px;
      height: 100%;
      // 头部
      .header {
        height: 56px;
        .img_logo {
          height: 56px;
          line-height: 56px;
          img {
            // max-width: 200px;
            width: auto;
            max-height: 56px;
          }
        }
        .header_menu {
          height: 56px;
          .scrollView__nav-wrap{
            .scrollView__nav-next,
            .scrollView__nav-prev {
              font-size: 14px;
              > i {
                line-height: 56px;
              }
            }
          }
          .el-menu {
            .el-menu-item {
              // width: 90px;
              padding: 0 10px;
              height: 56px;
              line-height: 50px;
              font-size: 12px;
              i {
                font-size: 18px;
              }
            }
          }
        }
        .broadcast_img {
          margin-right: 40px;
          height: 56px;
          line-height: 56px;
        }
        .header_user {
          .user_text {
            margin-right: 10px;
            font-size: 14px;
            line-height: 56px;
          }
          .setup {
            width: 16px;
          }
          .logout {
            margin-right: 10px;
            width: 16px;
          }
        }

      }
      // 主要内容
      .body .body_content .left_content {
        width: 165px;
      }
      // 左侧导航栏
      .el-menu-item {
        font-size: 12px;
        .el-submenu__title {
          font-size: 12px;
        }
      }
      .el-menu-item, .el-submenu__title {
        height: 46px;
        line-height: 46px;
        font-size: 12px;
      }
      .el-submenu .el-menu-item {
        height: 40px;
        line-height: 37px;
        padding: 0 45px;
        min-width: 165px;
      }
      .el-menu {
        .title {
          margin-left: 0px;
        }
        .subTitle {
          margin-left: 15px;
        }
        i {
          font-size: 16px;
        }
        .el-submenu__icon-arrow {
          font-size: 14px;
        }
        .el-dropdown {
          font-size: 12px;
        }
        .channelTitle {
          i {
            font-size: 12px;
          }
          
        }
      }
      // 资源中心左侧导航
      .resourceCenterSiderBar .el-menu-item, .resourceCenterSiderBar .el-submenu__title {
        height: auto;
        min-height: 60px;
        line-height: 1;
      }
    }
    // 查询栏
    .button-header {
      top: 56px;
      padding: 10px 20px;
      line-height: 24px;
    }
    .button-header-form {
      margin-top: 10px;
    }
    .buttonArray .display-type i {
      font-size: 20px;
    }
    .table-content {
      margin-top: 32px;
      &.showSearchCondition {
        margin-top: 70px;
      }
    }
    // 宣贯中心
    .allFile .table-content,.elseFile .table-content{
      margin-top: 32px;
      .file-nav{
        // left: 193px;
      }
      .table-mode-top {
        width: 83.8%;
        position: fixed;
        top: 116px;
        left: 193px;
        background: #f0f3fa !important;
        z-index: 999;
      }
      .row-content{
        margin-top: 30px!important;
      }
      .table-mode{
        .table-mode-top{
          top: 140px;
        }
        .table-mode-top+div{
          margin-top: 64px!important;
        }
      }
    }
    .elseFile .table-content{
      .table-mode{
        .table-mode-top+div{
          margin-top: 80px!important;
        }
      }
    }
    .allFile .table-content.showSearchCondition {
      margin-top: 70px;
      .dataTable{
        margin-top: 50px;
        .file-nav{
          top: 148px;
        }
        .white-bar{
          top: 142px;
        }
        .table-mode-top{
          top: 184px!important;
        }
        .table-mode-top+div{
          margin-top: 0px!important;
        }
      }
    }
    .elseFile .table-content.showSearchCondition {
      margin-top: 70px;
      .dataTable{
        margin-top: 50px;
        .file-nav{
          top: 148px;
        }
        .white-bar{
          top: 142px;
        }
        .table-mode{
          .table-mode-top{
            top: 178px!important;
          }
          .table-mode-top+div{
            margin-top: 42px!important;
          }
        }

      }
    }
    // 策划中心
    .hotpointdetail{
      .goback{
        .el-button--text{
          font-size: 16px;
        }
      }
      .hotspot-analysis-content{
        .hotspot-analysis-left{
          .analysis-title{
            line-height: 30px;
            font-size: 20px;
          }
          .analysis-title + div {
            a {
              font-size: 22px;
              line-height: 30px;
            }

          }
        }
        .hotspot-analysis-right{
          .num{
            span:first-of-type {
              font-size: 12px;
            }
            span:last-of-type {
              font-size: 15px;
              color: #2a2a2a;
            }
          }
        }
      }
    }
    // 线上会议
    .Room{
      .meeting-card{
        height: calc(100vh - 56px - 54px);
        /deep/ .el-carousel {
          height: 100%;
          .el-carousel__container {
            .el-carousel__item {
              color: #475669;
              font-size: 14px;
              opacity: 0.75;
              margin: 0;
              height: 100%;
              display: flex;
              flex-wrap: wrap;
              justify-content: flex-start;
              align-items: center;
              box-sizing: border-box;
              padding: 0 60px 0 80px;
              .room {
                width: 30%;
                height: 350px;
                background: #FFFFFF;
                border-radius: 6px;
                border: 1px solid #eaefff;
                display: flex;
                flex-direction: column;
                cursor: pointer;
                margin: 15px;
                &:hover {
                  box-shadow: 0px 4px 12px 0 #d6e0fd;
                  position: relative;
                  transform: translateY(-15px);
                  transition: all 0.6s;
                  z-index: 999;
                }
                .room-header {
                  display: flex;
                  align-items: center;
                  padding-left: 20px;
                  height: 70px;
                  border-bottom: 1px solid #F0F0F0;
                  [class^="room-status"] {
                    width: 42px;
                    height: 42px;
                    border-radius: 8px;
                    margin-right: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  }
                  .room-status-1 {
                    background: linear-gradient(140deg, #76BAFF 0%, #0166CC 100%);
                  }
                  .room-status-2 {
                    background: linear-gradient(140deg, #7EDBF2 0%, #04BCEB 100%);
                  }
                  .room-status-3 {
                    background: linear-gradient(140deg, #E3E3E3 0%, #AAAAAA 100%);
                  }
                  .room-name {
                    font-size: 18px;
                    font-weight: 600;
                    color: #333333;
                  }
                }
                .room-center {
                  height: 0;
                  flex-grow: 1;
                  padding: 12px 20px;
                  .await-meeting {
                    margin-bottom: 12px;
                    li {
                      list-style: none;
                    }
                    li:first-of-type {
                      font-size: 14px;
                      color: #333333;
                      line-height: 2;
                    }
                    li:nth-of-type(2), li:nth-of-type(3) {
                      font-size: 14px;
                      color: #999999;
                      line-height: 1.5;
                    }
                  }
                  .in-meeting {
                    li {
                      list-style: none;
                    }
                    li:first-of-type {
                      font-size: 14px;
                      color: #333333;
                      line-height: 2;
                    }
                    li:nth-of-type(2), li:nth-of-type(3) {
                      font-size: 14px;
                      color: #999999;
                      line-height: 1.5;
                    }
                    li:last-of-type {
                      margin-top: 30px;
                      .el-button{
                        padding: 0 !important;
                        text-align: center;
                      }
                      .el-button:first-of-type {
                        width: 100%;
                        height: 40px;
                        background: #04C1F1 !important;
                        color: #FFFFFF !important;
                        border: 0 !important;
                        &:hover {
                          background: #0badf1 !important;
                        }
                      }
                    }
                  }
                  .empty-meeting {
                    span {
                      color: #333333;
                      line-height: 22px;
                    }
                  }
                }
                .room-footer {
                  height: 70px;
                  border-top: 1px solid #F0F0F0;
                  .el-button {
                    width: calc(30% - 10px);
                    height: 30px;
                    text-align: center;
                    padding: 0 !important;
                  }
                  .el-button:first-of-type {
                    color: #ffffff !important;
                    background: #3A8FE5 !important;
                    border: 1px solid #3A8FE5 !important;
                    &:hover {
                      background: #06c !important;
                      border: 1px solid #06c !important;
                    }
                  }
                  .el-button:nth-of-type(2) {
                    color: #3A8FE5 !important;
                    border: 1px solid #3A8FE5 !important;
                    &:hover {
                      color: #06c !important;
                      border: 1px solid #06c !important;
                    }
                  }
                  .el-button:nth-of-type(3) {
                    color: #3A8FE5 !important;
                    background: #EBF5FF !important;
                    border: 0px !important;
                    &:hover {
                      color: #06c !important;
                      background: #dbf1ff !important;
                    }
                  }
                }
              }
              .room {
                margin-top: 15px;
              }
            }
          }
          .el-carousel__indicators {
            display: none !important;
          }
        }
      }
    }
    .Room{
      .meeting-card{
        /deep/ .el-carousel {
          .el-carousel__container {
            .el-carousel__item {
              .room {
                margin: 12px 12px 0px 12px;
              }
              .room {
                margin-top: 15px;
              }
            }
          }
          .el-carousel__indicators {
            display: none !important;
          }
        }
      }
    }

    // 按钮
    .el-button--small, .el-button--small.is-round {
      padding: 7px 10px;
    }
    // 表单
    .el-form-item__label {
      font-size: 12px;
    }
    .el-radio__label {
      font-size: 12px;
    }
    // 表格
    .el-table {
      font-size: 12px;
    }
    .el-table td, .el-table th {
      max-height: 35px;
      height: 35px;
    }
    .el-table .cell {
      line-height: 1.2 !important;
    }
    .dataTable {
      .el-table .totalList {
        height: 35px;
      }
      .hisee-fujian-tupian, .hisee-ziyuanzhongxin-shipinziyuan, .hisee-shipin-kongxin-01 {
        font-size: 20px;
      }
      .white-bar{
        top: 100px;
      }
      .file-nav{
        top: 112px;
      }
    }
    .manage-content .el-table .ordinary-icon,
    .manage-content .word-table .ordinary-icon,
    .manage-content .el-table .warning-icon,
    .manage-content .word-table .warning-icon,
    .manage-content .el-table .disabled,
    .manage-content .word-table .disabled {
      font-size: 18px;
    }
    // 按钮
    .el-table .el-button--small, .el-button--small.is-round {
      padding: 3px 5px;
      font-size: 12px;
    }
    // 标签
    .manage-box .manage-box-right .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item,
    .processManager .processManager-content .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
      height: 35px;
      line-height: 35px;
      font-size: 14px;
    }
    .el-dialog .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
      height: 30px;
      line-height: 30px;
    }
    // 资源中心
    .manage-content .resource-content {
      margin-top: 48px;
    }
    .creativeworkLeftContent .creativeworkLeftContent-title>span {
      font-size: 12px;
    }
    // 稿件创作
    .editorModule .operationBtn {
      top: 113px;
      height: calc(100% - 113px);
    }
    .editorModule menu {
      margin-top: 56px;
    }
    // 右侧导航栏
    .menuBar .el-menu-item, .menuBar .el-submenu__title {
      line-height: 1;
      min-height: 69px;
    }
    // 树
    .classTree .big-title {
      height: 40px;
      line-height: 40px;
    }
    .webresourceTree {
      padding-top: 10px;
      .big-title {
        height: 30px;
        line-height: 30px;
      }
    }
    // 管理中心-组织部门信息
    .tab-content .info>li {
      height: 80px;
      margin-bottom: 30px;
      .icon {
        font-size: 35px;
      }
      div.content {
        font-size: 18px;
      }
    }
    // 管理中心编辑人脸信息
    .editFaceData {
      .info-box .el-form .img-box .img-info {
        height: 70px;
      }
      .info-box .el-form .img-box .upload-box {
        height: 70px;
        .avatar-uploader-icon {
          line-height: 70px;
        }
      }
    }
  }
}
